<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>轻松批服务</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <!-- 包裹层 -->
    <div class="header">
        <!-- 顶部部分 -->
        <div class="top">
            <!-- 内容部分 -->
            <div class="content">
               <div class="top_left">
                <img src="img/logo.png" alt="logo">
                <span>让批发更轻松</span>
               </div>
        
               <div class="top_mid">
                <ul>
                    <li ><a href="index.html"><span>首页</span></a></li>
                    <li class="active"><a href="service.html"><span>服务</span></a></li>
                    <li><a href="price.html"><span>定价</span></a></li>
                    <li><a href="about.html"><span>关于</span></a></li>
                </ul>
               </div>
               <div class="top_right">
                <button>立即申请</button>
                <span>12345678</span>
                <img src="img/h24.png" alt="phone">
                </div>
            </div>
        </div>
        <div class="service">
            <div class="content">
                <div class="service-header">
                    <h1>四大服务体系 &nbsp;<span>解除后顾之忧</span></h1>
                    <p>从使用到理念，从培训到技巧，解决您开店的所有问题！</p>
                </div>
                <div class="service-left">
                    <div class="service-box">
                        <img src="img/p6.png" alt="">
                        <h3>极致产品</h3>
                        <p>最好的产品就是最好的服务</p>
                        <p>简单，易用，好用到极致</p>
                    </div>
                    <div class="service-box">
                        <img src="img/p8.png" alt="">
                        <h3>全天候服务</h3>
                        <p>最好的产品就是最好的服务</p>
                        <p>简单，易用，好用到极致</p>
                    </div>
                </div>
                <div class="service-right">
                    <div class="service-box">
                        <img src="img/p9.png" alt="">
                        <h3>用户沟通群组</h3>
                        <p>最好的产品就是最好的服务</p>
                        <p>简单，易用，好用到极致</p>
                    </div>
                    <div class="service-box">
                        <img src="img/p7.png" alt="">
                        <h3>功能持续更新</h3>
                        <p>最好的产品就是最好的服务</p>
                        <p>简单，易用，好用到极致</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="bottom">
             <div class="content">
                <div class="bottom-wraper">
                  <div class="bottom-box">
                    <h3>关于我们</h3>
                    <p>轻松批是广州市晶焰网络科技有限公司专为批发行业开发的成套批发管理工具，我们致力于解决批发行业的各种痛点，并为客户提供更好和更优质的产品。</p>
                  </div>
                  <div class="bottom-box">
                    <h3>合作伙伴</h3>
                    <p class="color-green">阿里云--阿里巴巴网络服务平台</p>
                    <p>商米--小米控股商用设备提供商</p>
                  </div>
                  <div class="bottom-box">
                    <h3>联系方式</h3>
                    <ul>
                      <li>
                        <img src="./img/1-email.png" alt=""><span>qsp@baokuant.com</span>
                      </li>
                      <li>
                        <img src="./img/1-phone.png" alt=""><span>+86 13826027418</span>
                      </li>
                      <li>
                        <img src="./img/1-address.png" alt=""><span>广州市越秀区人民南路88号肯德基二楼</span>
                      </li>
                    </ul>
                  </div>
                  <div class="bottom-box">
                    <h3>帮助与支持</h3>
                    <ul>
                      <li>
                        <img src="./img/1-list.png" alt=""><span>使用帮助</span>
                      </li>
                      <li>
                        <img src="./img/1-phone.png" alt=""><span>+86 13826027418</span>
                      </li>
                      <li>
                        <img src="./img/1-address.png" alt=""><span>广州市越秀区人民南路88号肯德基二楼</span>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
        </div>
        </div>
    </div>
</body>
</html>